import Vue from "vue";
import Antd from "ant-design-vue";
// 一、直接引入 css，不支持主题定制
// import "ant-design-vue/dist/antd.css";

// 二、直接引入 less，支持主题定制
// 但在项目构建时异常，需在 vue.config.js 中添加
// css: {
//     loaderOptions: {
//         less: {
//             // ant design 0f vue UI 组件主题定制
//             // https://www.antdv.com/docs/vue/customize-theme-cn/
//             modifyVars: {
//               "primary-color": "#1DA57A",
//               "link-color": "#1DA57A",
//               "border-radius-base": "2px"
//             },
//             javascriptEnabled: true
//         }
//     }
// }

// 三、在 App.vue 的 style 标签内，引入主题样式，再引入自定义主题样式实现主题定制
// <style lang="less">
//     @import "~ant-design-vue/dist/antd.less";
//     @import "./assets/less/common.less";
// </style>

Vue.use(Antd);
